<template>
	<view>
		<view class="info">
			<view class="title flex"><image src="" mode=""></image><view>川a 12345</view></view>
			<view class="flex"> <view>客户姓名：</view><view>张三</view></view>
			<view class="flex"> <view>电话：</view><view>1355555555</view></view>
			<view class="flex"> <view>里程：</view><view>张三</view></view>
		</view>
		<view class="btn f-center"><button type="primary" @tap="do_submit">认领</button></view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				
			}
		},
		methods: {
			do_submit(){
				console.log("认领");
			}
		}
	}
</script>

<style scoped>
	image{
		width: 40upx;
		height: 40upx;
		margin-right: 15upx;
	}
	.title view{
		font-size: 32upx;
		font-weight: 530;
	}
.info{
	padding: 0 20upx;
	background-color: #fff;
}
.info>view{
	height: 80upx;
	border-bottom: 1upx solid #F9F9F9;
	line-height: 80upx;
}
.info>view>view{
	display: flex;
	align-items: center;
}
.info>view>view:first-child{
	color: #ccc;
	flex: 0 0 200upx;
}
.btn{
	position: absolute;
	bottom: 0;
	height: 180upx;
	width: 100%;
}
.btn button{
	width: 60%;
	height: 100upx;
	background-color:#50ADFD ;
	color: #fff;
}
</style>
